Curation of web data via an integrated browser experience

ABSTRACT

In non-limiting examples of the present disclosure, systems, methods and devices for collecting and surfacing web content are provided. First web content may be accessed and displayed in a web browser. An indication to add a subset of the first web content to a content collection pane integrated in the web browser may be received. The subset of the first web content may be displayed in the content collection pane of the web browser. Second web content from a second website may be accessed and displayed in the web browser. An indication to add a subset of the second web content to the content collection pane may be received. The subset of the first web content and the subset of the second web content may be displayed simultaneously in the content collection pane of the web browser.

RELATED APPLICATIONS

This application is related to and claims priority to U.S. ProvisionalPatent Application No. 62/842,856, filed May 3, 2019, and entitled“Curation of Web Data Via an Integrated Browser Experience,” which ishereby incorporated by reference in its entirety.

BACKGROUND

The time people spend on the web has increased significantly and moreactivities, projects and tasks are completed online. Some activitieslike shopping, booking travel and learning new things are now frequentlyand predominately done online. However, many of these web activitiesrequire research spanning multiple browsing sessions, across multiplecalendar days, often using many different websites. For these types oflonger running activities and tasks, it is difficult for people to stayorganized and pickup where they left off. Tools like bookmarks andfavorites have become long lists of text-based URLs that are difficultto parse and use for recalling and returning to web content.

It is with respect to this general technical environment that aspects ofthe present technology disclosed herein have been contemplated.Furthermore, although a general environment has been discussed, itshould be understood that the examples described herein should not belimited to the general environment identified in the background.

SUMMARY

This summary is provided to introduce a selection of concepts in asimplified form that are further described below in the DetailedDescription section. This summary is not intended to identify keyfeatures or essential features of the claimed subject matter, nor is itintended to be used as an aid in determining the scope of the claimedsubject matter. Additional aspects, features, and/or advantages ofexamples will be set forth in part in the description which follows and,in part, will be apparent from the description or may be learned bypractice of the disclosure.

Non-limiting examples of the present disclosure describe systems,methods and devices for collecting and surfacing web content incollections. According to examples, a collection tool may be integratedin a web browser application and/or a web browser service. When awebpage is navigated to in the browser, a type of that webpage may beidentified for that webpage (e.g., product shopping type, travel searchtype, location type, etc.). If an indication is received to add thewebpage to a collection, a subset of content from the webpage may beextracted from the webpage based on the identified webpage type. Theextracted content subset may be saved to the collection and displayed ina collection pane integrated in the web browser. The content saved tothe collection and displayed in the collection pane may be interactedwith in the collection pane (e.g., rearranged, notes added, navigatedto, etc.). Additional webpages may be navigated to and additionalcontent may be added to the collection and collection pane in thismanner In examples, a collection may be shareable for collaboration witha plurality of users. In additional examples, a collection may beexported and transformed for incorporation and display in one or moreother productivity applications (e.g., spreadsheet application, wordprocessing application, email application, notes application,collaborative communication application, etc.). In some examples, whencontent included in a collection is modified at the source (e.g., thesource webpage and/or database), the web browser application and/or webbrowser service may automatically update the collection. In otherexamples, the web browser application and/or web browser service maynotify a user associated with the collection if a determination is madethat web content included in a collection has been modified at thesource.

BRIEF DESCRIPTION OF THE DRAWINGS

Non-limiting and non-exhaustive examples are described with reference tothe following figures:

FIG. 1 is a schematic diagram illustrating an example distributedcomputing environment for collecting and surfacing web content from awebsite via a collection pane of a web browser.

FIG. 2 illustrates the use of a note creation tool for adding notes to aset of collected web content via a collection pane of a web browser.

FIG. 3 illustrates the addition of a subset of content from a website toa collection of web content that has already been established.

FIG. 4 illustrates a selection input for adding a specific subset of webcontent from a webpage to a collection of web content in a collectionpane of a web browser.

FIG. 5 illustrates the addition of selected web content from a webpageto a set of previously collected web content in a collection pane of aweb browser.

FIG. 6 illustrates the addition of video content from a website to a setof previously collected web content in a collection pane of a webbrowser.

FIG. 7 illustrates the utilization of a transformation engine forexporting and transforming a collection of web content from multiplewebsites in a first format in a collection pane of a web browser, to asecond format in a spreadsheet application.

FIG. 8 illustrates the result of the utilization of a transformationengine for exporting and transforming a collection of web content frommultiple websites in a first format in a collection pane of a webbrowser, to a second format in a spreadsheet application.

FIG. 9 depicts a computing device displaying a collection of dynamicflight content from multiple airline websites in a collection pane of aweb browser.

FIG. 10 illustrates the result of the utilization of a transformationengine for exporting and transforming a collection of dynamic flightcontent from multiple airline websites in a first format in a collectionpane of a web browser, to a second format in a spreadsheet application.

FIG. 11 depicts a computing device displaying a collection of dynamichotel content from multiple websites in a collection pane of a webbrowser.

FIG. 12 illustrates the result of the utilization of a transformationengine for exporting and transforming a collection of dynamic hotelcontent from multiple hotel websites in a first format in a collectionpane of a web browser, to a second format in a spreadsheet application.

FIG. 13 depicts a computing device displaying a collection of dynamiccontent that has been shared with another user for collaboration on thecollection.

FIG. 14 illustrates the addition of a subset of content from a websiteto a collection of web content associated with a research project.

FIG. 15 depicts the utilization of a transformation engine for exportingand transforming a collection of web content from multiple websites in afirst format in a collection pane of a web browser, to a second formatin a word processing application.

FIG. 16A illustrates the result of the utilization of a transformationengine for exporting and transforming a collection of web content frommultiple websites in a first format in a collection pane of a webbrowser, to a second format in a word processing application.

FIG. 16B illustrates the use of a shell action to initiate the additionof a new subset of web content from a webpage to a collection in acollection pane of a web browser.

FIG. 17 is an exemplary method for collecting and surfacing web content.

FIG. 18 is an exemplary method for surfacing collected web content.

FIG. 19 is an exemplary method for sharing collected web content.

FIG. 20 is an exemplary method for collecting and surfacing web content.

FIGS. 21 and 22 are simplified diagrams of a mobile computing devicewith which aspects of the disclosure may be practiced.

FIG. 23 is a block diagram illustrating example physical components of acomputing device with which aspects of the disclosure may be practiced.

FIG. 24 is a simplified block diagram of a distributed computing systemin which aspects of the present disclosure may be practiced.

DETAILED DESCRIPTION

Various embodiments will be described in detail with reference to thedrawings, wherein like reference numerals represent like parts andassemblies throughout the several views. Reference to variousembodiments does not limit the scope of the claims attached hereto.Additionally, any examples set forth in this specification are notintended to be limiting and merely set forth some of the many possibleembodiments for the appended claims.

Examples of the disclosure provide systems, methods, and devices forcollecting web content from a plurality of websites via a contentcollection tool integrated in a browser. Additional aspects providemechanisms for surfacing collected web content via a content collectionpane in a web browser, exporting and transforming collected web contentfrom the content collection tool to one or more web applications, andproviding a collaborative viewing and/or editing experience where morethan one user can interact with sets of collected web content.

According to examples, a subset of web content from one or more webpagesmay be added to a collection of web content in a content collectionpane. The addition of web content from a webpage to a collection may beinitiated via various mechanisms. In some examples, a web contentcollection tool may be interacted with to initiate the addition of webcontent from a webpage to a collection. In other examples, a web browsershell action and/or an operating system shell action (e.g., printscreen, take screenshot, copy image, copy text, etc.) may initiate theaddition of web content from a webpage to a collection. According toexamples, when a web browser application and/or service receives anindication to add a subset of web content from a webpage to acollection, the web browser application and/or service may apply a setof rules corresponding to the type of webpage that is currently activeto determine what subset (i.e., which webpage elements) of web contentto extract and add to a collection. Examples of webpage typeclassifications include: shopping type, product type, travel type,flight booking type, hotel booking type, research type, dictionary type,reading type, and restaurant type, for example. Thus, if a webpage isidentified as a product shopping type, elements that may be extractedand added to a collection for that webpage may comprise at least one of:a price element, a type of product element, a product image element, aname of product element, a product description element, and a productrating element. In another example, if a webpage is identified as aflight booking type, elements that may be extracted and added to acollection for that webpage may comprise at least one of: a departureairport element, an arrival airport element, a layover element, anairline element, a flight duration element, a flight price element, anda date of travel element. In yet another example, if a webpage isidentified as a hotel booking type, elements that may be extracted andadded to a collection for that webpage may comprise at least one of: ageographic location element, a hotel name element, a hotel imageelement, a type of room element, and a date of stay element. In anotherexample, if a webpage is identified as a restaurant type, elements thatmay be extracted and added to a collection for that webpage may compriseat least one of: a geographic location element, a restaurant nameelement, a menu image element, a food image element, a type of foodelement, and a price element.

The web browser application and/or service may determine a content typeof a webpage via various mechanisms. In some examples, the web browserapplication and/or service may determine a webpage type based onanalyzing the HTML for the webpage and schema included therein. Inadditional examples, the web browser application and/or service maydetermine a webpage type based on analyzing tags included in a webpage(e.g., image tags, title tags, etc.). In still other examples, the webbrowser application and/or service may determine a webpage type based onanalyzing a uniform resource locator (URL) for a webpage. In additionalexamples, the web browser application and/or service may perform a websearch utilizing a URL for a webpage and determine the webpage typebased on analyzing the resulting search results. In still otherexamples, the web browser application and/or service may determine awebpage type based on applying natural language processing and/ormachine learning to a webpage. For example, a natural languageprocessing model may be applied to a webpage that classifies a webpageby topics included in text therein. In another example, one or moremachine learning models that have been trained to classify webpages maybe applied to a webpage (e.g., webpage images, webpage layout, etc.) todetermine the webpage type.

According to some examples, a collection of web content may betransformed for inclusion in a productivity application other than a webbrowser. Examples of productivity applications that a collection may betransformed for inclusion into include: spreadsheet applications, wordprocessing applications, presentation applications, email applications,notes applications, and task completion applications, among others.According to some examples, when a command is received to export acollection of web content to a spreadsheet application, a plurality ofattributes that each subset of web content in a collection has in common(or in some examples a threshold number and/or percentage of the subsetshave in common) may be identified, and those attributes may be utilizedfor populating headings in the spreadsheet application. For example, ifthere is a collection of web content related to shopping, each subset inthat collection may share a “price” attribute and a “brand” attribute.Thus, the price and brand attributes may be populated as column headingsfor the spreadsheet, and the values included in the collection subsetsfor those attributes (e.g., price values and brand values) may then beadded to the cells under the headings.

According to some examples, the web browser application and/or servicemay add additional content to a collection. For example, the web browserapplication and/or service may perform web searches related to contentin a collection and supplement the collection and/or anexported/transformed version of that collection (e.g., add additionalproducts to a shopping collection, add related content to a productsubset in a shopping collection). According to some examples, inidentifying additional content to supplement a collection, the webbrowser application and/or service may apply an image recognitionmachine learning model to image content in a collection, and performrelated searches based on the result (e.g., apply an identificationmachine learning model to flower images in a flower collection of webcontent and identify additional information related to the identifiedflowers that can be added to the collection; apply a facial recognitionmachine learning model to person images in a person collection of webcontent and identify additional information related to the identifiedpersons that can be added to the collection).

According to some examples, collections may be shared and/orcollaborated on amongst users. In some examples, one or more users(i.e., user accounts) may have administrative rights associated with acollection, and those users may initiate the sharing of the collectionwith other users. In some examples, the administrative users may share acollection with other users such that the other users have certainlimitations with what they can and cannot do with a collection (e.g.,view, edit, share, etc.). In some examples, a collection may be sharedvia a link in an electronic message. For example, if collection link isselected from an email or other electronic messaging application on acomputing device, the computing device may open a web browser andadd/open the collection in the web browser (e.g., open the collection ina collection pane of the web browser). In other examples, a collectionmay be shared via a file. In some examples, a collection may be encodedin one of: a JSON format, an XML format, and a YAML format, and thatcollection may be embedded in an HTML file for sharing with other users.

According to aspects described herein, a method for collecting andsurfacing web content is provided, the method comprising: accessing anddisplaying, in a web browser, first web content from a first website;receiving an indication to add a subset of the first web content to acontent collection pane integrated in the web browser; displaying thesubset of the first web content in the content collection pane of theweb browser; accessing and displaying, in the web browser, second webcontent from a second website; receiving an indication to add a subsetof the second web content to the content collection pane; and displayingthe subset of the first web content and the subset of the second webcontent simultaneously in the content collection pane of the webbrowser. According to some examples, the subset of the first web contentis identified automatically from one or more HTML tags of the firstwebsite based on a type associated with the first website. In additionalexamples, receiving the indication to add the subset of the first webcontent to the content collection pane in the web browser comprisesreceiving a user-selection of the subset and a subsequent drag and dropof the selected subset into the content collection pane. In someexamples, receiving the indication to add the subset of the first webcontent to the content collection pane in the web browser comprises:receiving a command to take a screenshot of the first web content; andreceiving a confirmation to add the subset of the first web content tothe collection pane. In additional examples, the method furthercomprises receiving an indication that at least one displayableattribute of the subset of the first web content has been modified atthe first website; and dynamically modifying the display of the subsetof the first web content corresponding to the at least one displayableattribute in the content collection pane of the web browser. Inadditional examples, the method further comprises: receiving anindication that at least one displayable attribute of the second subsetof the second web content has been modified at the second website; anddynamically modifying the display of the subset of the second webcontent corresponding to the at least one displayable attribute in thecontent collection pane of the web browser. In some examples, the methodfurther comprises: receiving an indication to add a user note inassociation with the first web content in the content collection pane ofthe web browser; receiving the user note; and adding the user note tothe first web content in the content collection pane of the web browser.In other examples, the subset of the first web content and subset of thesecond web content are ordered in a displayable arrangement in thecontent collection pane of the web browser based on a time that theywere added to the content collection pane relative to one another. Inyet other examples, the method further comprises determining a type ofweb content of the first web content; and identifying a plurality ofelements to extract from the first web content based on the determinedtype. In additional examples, the plurality of elements is identifiedvia application of a machine learning model to the first web content,the machine learning model having been trained to identify a pluralityof elements corresponding to the determined type of web content.

According to additional aspects described herein, a system forcollecting and surfacing web content is provided, the system comprising:a memory for storing executable program code; and one or moreprocessors, functionally coupled to the memory, the one or moreprocessors being responsive to computer-executable instructionscontained in the program code and operative to: access and display, in aweb browser, first web content from a first website; receive anindication to add a subset of the first web content to a contentcollection pane integrated in the web browser; display the subset of thefirst web content in the content collection pane of the web browser;access and display, in the web browser, second web content from a secondwebsite; receive an indication to add a subset of the second web contentto the content collection pane; and display the subset of the first webcontent and the subset of the second web content simultaneously in thecontent collection pane of the web browser. According to some examples,the one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: automatically identify the subset of the first web contentfrom one or more HTML tags of the first website based on a typeassociated with the first website. According to additional examples, theone or more processors are further responsive to the computer-executableinstructions contained in the program code and operative to: determine atype of web content of the first web content; and identify a pluralityof elements to extract from the first web content based on thedetermined type. In some examples, in identifying the plurality ofelements, the one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: apply a machine learning model to the first web content,wherein the machine learning model has been trained to identify aplurality of elements corresponding to the determined type of webcontent. In additional examples, in receiving the indication to add thesubset of the first web content to the content collection pane in theweb browser, the one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: receive a command to take a screenshot of the first webcontent; and receive a confirmation to add the subset of the first webcontent to the collection pane. In yet other examples, the one or moreprocessors are further responsive to the computer-executableinstructions contained in the program code and operative to: receive anindication that at least one displayable attribute of the subset of thefirst web content has been modified at the first website; anddynamically modify the display of the subset of the first web contentcorresponding to the at least one displayable attribute in the contentcollection pane of the web browser.

According to additional aspects, a computer-readable storage devicecomprising executable instructions that, when executed by one or moreprocessors, assists with collecting and surfacing web content, isprovided, the computer-readable storage device including instructionsexecutable by the one or more processors for: accessing and displaying,in a web browser, first web content from a first website; receiving anindication to add a subset of the first web content to a contentcollection pane integrated in the web browser; displaying the subset ofthe first web content in the content collection pane of the web browser;accessing and displaying, in the web browser, second web content from asecond website; receiving an indication to add a subset of the secondweb content to the content collection pane; and displaying the subset ofthe first web content and the subset of the second web contentsimultaneously in the content collection pane of the web browser.According to some examples, the instructions are further executable bythe one or more processors for: automatically identifying the subset ofthe first web content from one or more HTML tags of the first websitebased on a type associated with the first website. According toadditional examples, the instructions are further executable by the oneor more processors for: determining a type of web content of the firstweb content; and identifying a plurality of elements to extract from thefirst web content based on the determined type. In yet other examples,the instructions are further executable by the one or more processorsfor: applying a machine learning model to the first web content, whereinthe machine learning model has been trained to identify a plurality ofelements corresponding to the determined type of web content.

According to additional aspects described herein a method for surfacingcollected web content is provided, the method comprising: maintaining acollection of web content, wherein the collection of web content isdivided into a plurality of sections, each of the plurality of sectionscomprising a subset of web content from a different webpage; receivingan indication to export the collection of web content to a spreadsheetapplication; identifying a plurality of attributes that each of theplurality of sections have a value for; populating a spreadsheet withheadings corresponding to each of the plurality of attributes; andpopulating cells under the headings with corresponding values for eachof the plurality of sections. According to examples, the collection ofweb content has been collected utilizing a content collection pane of aweb browser. In additional examples, the method further comprises:identifying a plurality of attributes associated with one or more of thesections; identifying a webpage that also has the plurality ofattributes; generating a new section from a subset of web content fromthe webpage; and adding the new section to the collection. In otherexamples, the method further comprises populating cells under theheadings in the spreadsheet with corresponding values from the newsection. In still other examples, identifying a webpage that also hasthe plurality of attributes comprises performing a web database searchutilizing at least one word corresponding to one of the plurality ofattributes as a keyword for the search. In yet other examples, themethod further comprises: identifying a webpage related to one or moreof the different webpages that the subset of web content was collectedfrom; generating a new section from a subset of web content from thewebpage; and adding the new section to the collection. According to someexamples, the webpage is related the one or more different webpagesbased on the webpage and the one or more different webpages beingincluded in a same duration of browsing history of a threshold number ofusers. In other examples, the plurality of attributes comprises a priceattribute. In additional examples, the method further comprises:receiving an indication that a value of the price attribute for one ofthe plurality of sections has been modified; and automaticallyrepopulating a corresponding cell in the spreadsheet with the modifiedvalue. In some examples, one of the plurality of attributes comprises anitem type attribute associated with the price attribute. In otherexamples, one of the plurality of attributes comprises a flight typeattribute from a specific first airport to a specific second airport,and wherein the flight type attribute is associated with the priceattribute. In additional examples, one of the plurality of attributescomprises a rating type attribute.

According to additional aspects a system for surfacing collected webcontent is provided, the system comprising: a memory for storingexecutable program code; and one or more processors, functionallycoupled to the memory, the one or more processors being responsive tocomputer-executable instructions contained in the program code andoperative to: maintain a collection of web content, wherein thecollection of web content is divided into a plurality of sections, eachof the plurality of sections comprising a subset of web content from adifferent webpage; receive an indication to export the collection of webcontent to a productivity application; automatically perform a websearch related to one of the plurality of sections; identify contentrelevant to the section based on the performed web search; and populatethe productivity application with content from each of the plurality ofsections and the relevant content from the performed web search.According to some examples, in identifying content relevant to thesection based on the performed web search, the one or more processorsare further responsive to the computer-executable instructions containedin the program code and operative to: apply a machine learning modeltrained to identify images of a content type corresponding to thecollection to an image included in one of the plurality of sections;identify, based on application of the machine learning model, a name ofat least one of: a person, a place, and a thing included in the image;and perform the web search utilizing the identified name In additionalexamples, the identified content relevant to the section comprises asource for quoted text included in the section, and wherein inpopulating the productivity application with content from each of theplurality of sections and the relevant content from the performed websearch, the one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: associate a citation to the source with the quoted text inthe productivity application.

According to additional aspects a computer-readable storage devicecomprising executable instructions that, when executed by one or moreprocessors, assists with surfacing collected web content, is provided,the computer-readable storage device including instructions executableby the one or more processors for: maintaining a collection of webcontent, wherein the collection of web content is divided into aplurality of sections, each of the plurality of sections comprising asubset of web content from a different webpage; receiving an indicationto export the collection of web content to a spreadsheet application;identifying a plurality of attributes that each of the plurality ofsections have a value for; populating a spreadsheet with headingscorresponding to each of the plurality of attributes; and populatingcells associated with the headings with corresponding values for each ofthe plurality of sections. According to some examples, the instructionsare further executable by the one or more processors for: performing aweb search utilizing one or more of the plurality of attributes askeywords for the web search; identifying a webpage that includes theattribute keywords; generating a new section from a subset of webcontent from the webpage; and adding the new section to the collection.In additional examples, one of the plurality of attributes comprises aprice attribute. In other examples, the instructions are furtherexecutable by the one or more processors for: receiving an indicationthat a value of the price attribute for one of the plurality of sectionshas been modified; and automatically repopulating a corresponding cellin the spreadsheet with the modified value.

According to additional aspects described herein, a method for sharingcollected web content is provided, the method comprising: maintaining acollection of web content, wherein the collection of web content isdivided into a plurality of sections, each of the plurality of sectionscomprising a subset of web content from a different webpage, and whereina first user has administrative rights associated with the collection ofweb content; receiving, from the first user, an indication to provide asecond user with access to the collection of web content; and providingthe second user with access to the collection of web content. Accordingto some examples the indication includes an access level associated withit, and the second user is provided with limited access to thecollection of web content based on that indicated access level. Inadditional examples, the indication includes an access level associatedwith it, and wherein the second user is provided with viewing privilegesfor the collection, editing privileges for the collection, and noteadding privileges for the collection based on that indicated accesslevel. In other examples, providing the second user with access to thecollection of web content comprises: encoding the collection in one of:JSON, XML, and YAML; embedding the encoded collection in an HTML file;and sharing the HTML file with the second user. In yet other examples,each section of the collection is extractable as a webpage from theencoded collection. In some examples, sharing the HTML file with thesecond user comprises sending a link to the HTML file to an accountassociated with the second user. In some examples, the link isselectable for adding one or more of the plurality of sections of thecollection to a collection pane in a browser instance. In additionalexamples, the method further comprises: receiving an indication to addthe collection of web content to a browser instance associated with thesecond user; adding the collection of web content to the browserinstance associated with the second user; receiving a modification tothe collection of web content from the browser instance associated withthe second user; and modifying a corresponding collection of web contenton a web browser instance associated with the first user. In yet otherexamples, the method further comprises: receiving, from a web browserinstance associated with the first user, an indication to add a note toone of the sections of the collection of web content; adding the note tothe section in the collection of web content in the web browser instanceassociated with the first user; and automatically adding the note to thesection in the collection of web content in a web browser instanceassociated with the second user.

According to additional aspects, a system for sharing collected webcontent is provided, the system comprising: a memory for storingexecutable program code; and one or more processors, functionallycoupled to the memory, the one or more processors being responsive tocomputer-executable instructions contained in the program code andoperative to: maintain a collection of web content, wherein thecollection of web content is divided into a plurality of sections, eachof the plurality of sections comprising a subset of web content from adifferent webpage, and wherein a first user has administrative rightsassociated with the collection of web content; receive, from the firstuser, an indication to provide a second user with access to thecollection of web content; and provide the second user with access tothe collection of web content. According to some examples, theindication includes an access level associated with it, and wherein inproviding the second user with access to the collection of web content,the one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: provide the second user with limited access to thecollection of web content based on the indicated access level. Inexamples, in providing the second user with access to the collection ofweb content, the one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: encode the collection in one of: JSON, XML, and YAML;embed the encoded collection in an HTML file; and share the HTML filewith the second user. In additional examples, the one or more processorsare further responsive to the computer-executable instructions containedin the program code and operative to: extract each section of thecollection as a webpage from the encoded collection. In other examples,in sharing the HTML file with the second user, the one or moreprocessors are further responsive to the computer-executableinstructions contained in the program code and operative to: send a linkto the HTML file to an account associated with the second user. In stillother examples, the link is selectable for adding one or more of theplurality of sections of the collection to a collection pane in a webbrowser. In yet other examples, the one or more processors are furtherresponsive to the computer-executable instructions contained in theprogram code and operative to: receive an indication to add thecollection of web content to a browser instance associated with thesecond user; add the collection of web content to the browser instanceassociated with the second user; receive a modification to thecollection of web content from the browser instance associated with thesecond user; and modify a corresponding collection of web content on aweb browser instance associated with the first user. In additionalexamples, the one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: receive, from a web browser instance associated with thefirst user, an indication to add a note to one of the sections of thecollection of web content; add the note to the section in the collectionof web content in the web browser instance associated with the firstuser; and automatically add the note to the section in the collection ofweb content in a web browser instance associated with the second user.

According to additional aspects, a computer-readable storage devicecomprising executable instructions that, when executed by one or moreprocessors, assists with sharing collected web content, is provided, thecomputer-readable storage device including instructions executable bythe one or more processors for: maintaining a collection of web content,wherein the collection of web content is divided into a plurality ofsections, each of the plurality of sections comprising a subset of webcontent from a different webpage, and wherein a first user account hasadministrative rights associated with the collection of web content;receiving, from the first user account, an indication to provide asecond user account with access to the collection of web content; andproviding the second user account with access to the collection of webcontent. According to examples, the instructions are further executableby the one or more processors for: encoding the collection in one of:JSON, XML, and YAML; embedding the encoded collection in an HTML file;and sharing the HTML file with the second user account. In additionalexamples, the instructions are further executable by the one or moreprocessors for: receiving an indication to add the collection of webcontent to a browser instance associated with the second user account;adding the collection of web content to the browser instance associatedwith the second user account; receiving a modification to the collectionof web content from the browser instance associated with the second useraccount; and modifying a corresponding collection of web content on aweb browser instance associated with the first user account.

According to additional aspects, a method for collecting and surfacingweb content is provided, the method comprising: displaying, in a webbrowser, web content from a webpage; identifying a type associated withthe webpage; receiving an indication to add a new section correspondingto the webpage to a content collection pane integrated in the webbrowser; identifying a plurality of elements on the webpage based on theidentified type associated with the webpage; extracting a subset of webcontent from the webpage corresponding to the plurality of elements; andadding the new section to the content collection pane, wherein the newsection comprises the subset of web content extracted from the webpage.According to some examples, identifying the type associated with thewebpage comprises: analyzing HTML for the webpage; and determining atype of the webpage based on a schema included in the HTML. According toother examples, identifying the type associated with the webpagecomprises applying a machine learning model that has been trained toidentify webpage types to the webpage. According to additional examples,identifying the type associated with the webpage comprises analyzing auniform resource locator for the webpage. According to some examples,identifying the type associated with the webpage comprises: providing auniform resource locator for the webpage to a web search engine; andapplying one or more machine learning models that have been trained toidentify webpage types to one or more of: metadata associated with asearch result; one or more images associated with a search result, andtext associated with a search result. According to yet other examples,the identified type is a product shopping type, and the plurality ofelements comprise at least one of: a price element, a type of productelement, a product image element, a name of product element, a productdescription element, and a product rating element. In yet otherexamples, the identified type is a flight booking type, and theplurality of elements comprise at least one of: a departure airportelement, an arrival airport element, a layover element, an airlineelement, a flight duration element, and a flight price element, a dateof travel element. In still other examples, the identified type is ahotel booking type, and the plurality of elements comprise at least oneof: a geographic location element, a hotel name element, a hotel imageelement, a type of room element, and a date of stay element. Inadditional examples, the identified type is a restaurant type, and theplurality of elements comprise at least one of: a geographic locationelement, a restaurant name element, a menu image element, a food imageelement, and a type of food element, and a price element.

According to additional aspects, a system for collecting and surfacingweb content is provided, the system comprising: a memory for storingexecutable program code; and one or more processors, functionallycoupled to the memory, the one or more processors being responsive tocomputer-executable instructions contained in the program code andoperative to: display, in a web browser, web content from a webpage;identify a type associated with the webpage; receive an indication toadd a new section corresponding to the webpage to a content collectionpane integrated in the web browser; identify a plurality of elements onthe webpage based on the identified type associated with the webpage;extract a subset of web content from the webpage corresponding to theplurality of elements; and add the new section to the content collectionpane, wherein the new section comprises the subset of web contentextracted from the webpage. In some examples, the one or more processorsare further responsive to the computer-executable instructions containedin the program code and operative to: analyze HTML for the webpage; anddetermine a type of the webpage based on a schema included in the HTML.In additional examples, in identifying the type associated with thewebpage, the one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: apply a machine learning model that has been trained toidentify webpage types to the webpage. In other examples, in identifyingthe type associated with the webpage, the one or more processors arefurther responsive to the computer-executable instructions contained inthe program code and operative to: analyze a uniform resource locatorfor the webpage. In yet other examples, in identifying the typeassociated with the webpage, the one or more processors are furtherresponsive to the computer-executable instructions contained in theprogram code and operative to: provide a uniform resource locator forthe webpage to a web search engine; and apply one or more machinelearning models that have been trained to identify webpage types to oneor more of: metadata associated with a search result; one or more imagesassociated with a search result; and text associated with a searchresult. In still other examples, the identified type is a productshopping type, and the plurality of elements comprise at least one of: aprice element, a type of product element, a product image element, aname of product element, a product description element, and a productrating element.

In additional aspects a computer-readable storage device comprisingexecutable instructions that, when executed by one or more processors,assists with collecting and surfacing web content, is provided, thecomputer-readable storage device including instructions executable byone or more processors for: displaying, in a web browser, web contentfrom a webpage; identifying a type associated with the webpage;receiving an indication to add a new section corresponding to thewebpage to a content collection pane integrated in the web browser;identifying a plurality of elements on the webpage based on theidentified type associated with the webpage; extracting a subset of webcontent from the webpage corresponding to the plurality of elements; andadding the new section to the content collection pane, wherein the newsection comprises the subset of web content extracted from the webpage.In examples, in identifying the type associated with the webpage, theinstructions are further executable by the one or more processors for:analyzing HTML for the webpage; and determining a type of the webpagebased on a schema included in the HTML. In additional examples, inidentifying the type associated with the webpage the instructions arefurther executable by the one or more processors for: applying a machinelearning model that has been trained to identify webpage types to thewebpage. In some examples, the machine learning model has been trainedto identify webpages based on analyzing webpage layout format. In otherexamples, the machine learning model has been trained to identifywebpages based on classifying one or more images in embedded in awebpage.

FIG. 1 is a schematic diagram illustrating an example distributedcomputing environment 100 for collecting and surfacing web content froma website via a collection pane of a web browser. Distributed computingenvironment 100 includes collection creation sub-environment 104,network and processing sub-environment 106, and generated collectionsub-environment 106. Computing device 102A in collection creationsub-environment 102A and computing device 102B in generated collectionsub-environment 106 may be the same or different computing devices.Network and processing sub-environment 106 includes network 105 andserver computing device 103. Any of the computing devices describedherein may communicate with one another via a wired or wireless networksuch as network 105. Server computing device 103 is illustrative of acomputing device that can be utilized in cloud computing. In someexamples one or more of the applications and/or operations executed byapplications illustrated in these examples may be performed by acloud-based application service operating on one or more computingdevices, such as server computing device 103. Server computing device103 is also illustrative of computing devices that may host websitesthat are accessed by remote computing devices (e.g., computing device102A, computing device 102B) via a network such as network 105.

Computing device 102A displays a web browser that is currently active. Auser has navigated to www.[onlinestore].com and further navigated to aspecific page of that website where a set of headphones can be purchasedfrom the online store. The online store website may be a website thatcarries a variety of products that users can purchase and have deliveredto them. The specific page of the online store website includes item Aimage element 110 (an image of the headphones), item name element 112,item details element 114 and reviews element 116. The user browsing thestore website may want to research headphones and/or perform pricecomparisons on a plurality of websites prior to making a purchase. Assuch, the user may wish to create a collection of web content related tothe potential headphone purchase that is generated from sets of webcontent extracted from webpages that the user browses while performingthe product research.

In this example, the user may select (e.g., mouse click, finger input,etc.) new collection element 107 in the web browser, which may cause anew collection pane to be opened in the web browser while simultaneouslydisplaying the collection pane and the current webpage. In this example,the selection of collection element 107 causes collections pop-up window108 to be surfaced on the web browser. Collections pop-up window 108includes elements that are selectable for creating a new collection ofweb content (e.g., a selectable “create a collection” element and aselectable “Add” element) displayable by the collection pane in the webbrowser. Although collection element 107 and collections pop-up window108 are illustrated as providing mechanisms for initiating the openingof a collection pane and creating a new collection of web content, otheruser interface and/or input mechanisms for accomplishing the same arecontemplated (e.g., drop-down menus, pop-out windows, voice commands,etc.).

In this example, the user has selected the “add” element in pop-upwindow 108, which has caused a subset of content from the currentlyactive webpage to be added to a new collection (i.e., “HeadphonesResearch”) and that subset to be displayed in the collection pane 118 ofthe web browser. The currently active website is illustrated as beingslightly compressed to the left side of the web browser user interface,while the collection pane 118 is displayed in the remainder of the spaceon the right side of the web browser user interface. Other displayvariances are contemplated. For example, the collection pane 118 may bedisplayed on the left side of the web browser user interface and theactive webpage may be compressed to the right side; the collection pane118 may be displayed at the top of the web browser user interface andthe active webpage may be compressed to the bottom; and/or thecollection pane 118 may be displayed at the bottom of the web browseruser interface and the active webpage may be compressed to the top.

In this example, the user has utilized a single input mechanism to causethe subset of content from the active webpage to be added to the newcollection. When a single input to add content from an active webpage toa collection is received, the browser application and/or a browserapplication service (e.g., a cloud-based application service associatedwith the web browser) may automatically identify and extract a subset ofthe web content from the webpage and add it to the collection. Thecollection may be stored locally on the computing device that isdisplaying the browser and/or remotely as part of a cloud-basedapplication service associated with the browser.

According to examples, the subset of web content that is automaticallyidentified and extracted may comprise a same type of content regardlessof a type of webpage that the web content is being identified andextracted from. In other examples, the subset of web content that isautomatically identified and extracted may comprise different types ofcontent based on a type of webpage that the web content is beingidentified and extracted from. In such examples, the web browser and/ora service associated with the web browser identifies a type of contentrepresented by the webpage. For example, the web browser and/or serviceassociated with the web browser may analyze the Hyper Text MarkupLanguage (HTML) for a webpage and determine whether it includes a schemathat designates the webpage as a type of content. For example, adetermination may be made as to whether the webpage includes a contenttype designation from an organization such as schema.org (e.g., creativeworks type, event type; embedded non-text objects type; health andmedical types; organization types; person types; place, local business,restaurant types; product, offer aggregate offer types; review,aggregate rating types; action types; etc.). In some examples, if a typeassociated with the webpage cannot be determined based on identificationof a designated schema type in the HTML, the web browser and/or aservice associated with the web browser may apply a machine learningmodel that has been trained to identify webpage types to the webpage. Instill other examples, an identification of the webpage type may compriseanalyzing the uniform resource locator (URL) for the webpage. In stilladditional examples, the URL for the webpage may be provided to a websearch engine and the web search engine may return informationassociated with the website (e.g., metadata, images, site category,etc.) that can be utilized to determine a type of the website.

Rules associated with the web browser and/or web browser service maydictate what subset of web content to identify and extract based on atype of webpage that has been identified. For example, if a webpage isdetermined to be a product type webpage, the web browser and/or aservice associated with the web browser may attempt to identify andextract one or more of: a title; a primary product image; secondaryproduct images; price content; review and/or rating information (e.g.,user rating out of five stars, user score out of 10); and/or a basicdescription. For a flight booking type webpage, the web browser and/orservice associated with the web browser may attempt to identify andextract one or more of: a departure location; an arrival location; dateinformation; time information; price information; an image iconcorresponding to an airline; and/or an airline identity. For a hotelbooking type webpage, the web browser and/or service associated with theweb browser may attempt to identify and extract one or more of: a hotellocation; date information; price information; a primary image; reviewand/or rating information; and/or room type information. These are onlyexamples and it should be understood that more or less information maybe designated for identification and extraction via rules associatedwith the web browser and/or web browser service. Further, these are onlya subset of the webpage types and other identification and extractionrules corresponding to the various webpage types that may be identifiedvia the systems, methods and device described herein are within thescope of this application.

According to examples, the web browser and/or web browser service mayidentify the elements described above (e.g., primary image, secondaryimages, rating information, product description, price, etc.) byanalyzing the HTML for a webpage and determining whether schemacorresponding to those elements are present in the markup languageand/or in the URL. For example, for the product rating element, adetermination may be made as to whether an “aggregateRating” schemaand/or tag is present in the HTML and/or URL for a webpage; for theprimary image element, a determination may be made as to whether an“ImageObject” schema and/or tag is present in the HTML and/or URL for awebpage, etc. In some examples, if one or more elements corresponding toan identification and extraction rule for a webpage type cannot beidentified via the schema and/or tag analysis, a machine learning modeltrained to identify the corresponding elements may be applied to thewebpage. In additional examples, a set of rules may be applied toidentify these elements (e.g., a rule may designate the primary imageelement as the largest image on a webpage, a rule may designate thetitle element as the first text on a webpage).

In this specific example, the web browser and/or a service associatedwith the web browser has identified the currently active webpage asbeing of a “product” type. As such, a set of rules corresponding to thatwebpage type are applied for identifying and extracting a subset of webcontent. The elements corresponding to that subset are depicted incollection pane 120 displayed on computing device 102B. Specifically,the product/item name element, the aggregate review element, and theprimary product image have each been identified, extracted andreformatted for display in the collection pane in the right side of theweb browser. Other content, such as the price may also be identified andextracted for display in the collection pane. In this example, a titlefor the new collection has also been added to the collection. That tileis “Headphones Research”. In some examples, a title may automatically beadded to a collection based on one or more properties identified for awebpage. In other examples, a user may add a custom title to acollection.

According to examples, web content included in a collection pane may beinteracted with in the collection pane. In some examples, a user mayclick on web content in a collection pane and be re-directed to thewebpage containing the web content in the primary browsing window. Inother examples, the web content in a collection pane may be dynamic innature and be automatically modified when the corresponding web contentis modified at its source (e.g., host webpage and/or database). Forexample, if the aggregate review stars for a product increase ordecrease, the representation of the review stars in a collection panemay also be modified. In additional examples, if content on a webpagecorresponding to an element in a collection is modified at the webpage,a prompt may be surfaced in association with the collection pane thatits underlying content has been modified.

FIG. 2 illustrates the use of a note creation tool for adding customnotes to a set of collected web content via a collection pane of a webbrowser. In this example, a user has accessed the websitewww.[onlinestore].com on computing device 202A. Specifically, a specificproduct type webpage for a pair of headphones that can be purchased onthe online store has been accessed and is displayed on computing device202A. A subset of web content for the webpage has been identified,extracted, and transformed by the web browser and/or a serviceassociated with the web browser. That subset is displayed in a newcollection “Headphones Research” in a collection pane on the right sideof the web browser.

According to examples, a user may add her own text in relation to acontent set in a collection and have that text saved in association withthe collection and content set. The user may initiate the text input by,for example, hovering a mouse cursor over an area of a content set in acollection and left clicking, providing a voice command, using a stylusor finger input in the vicinity of a content set in a collection, etc.In this specific example the user has moved the mouse cursor 204 to anarea in displayable proximity to the content set in the collectioncorresponding to the currently active webpage, which causes textinitiation element 206 to be displayed by the content set in thecollection pane. When a left click input is then received at thatposition, text input box 210 is caused to be displayed below the contentset in collection pane 208, as illustrated on the display of computingdevice 202B. The user may add her own custom text, which may then besaved in association with the content set and collection. In someexamples, that text may be displayed below the content set in thecollection pane. In other examples, that text may be surfaced inresponse to various inputs. For example, if a mouse cursor is hoveredover the content set the custom text that has been added to a contentset may be caused to be displayed in a pop-up window or fly-out paneover and/or from the associated content set.

FIG. 3 illustrates the addition of a subset of content from a website toa collection of web content that has already been established. In thisexample, a user has accessed the website www.[onlinestore].com oncomputing device 302A. The user had previously accessed a webpagerelated to a first item (ITEM A—headphones) and added a content setcorresponding to a subset of content from that webpage to a collectionin the web browser (i.e., “Headphones Research” collection in thecollection pane displayed on the right portion of the web browser userinterface of computing device 302A). In this example, the user hasaccessed another webpage of the online store. Specifically, a producttype webpage for a different pair of headphones that can be purchasedvia the online store has been accessed and is displayed on computingdevice 302A. The user has initiated the adding of a subset of that webcontent to the collection that is open in the collection pane (i.e., the“Headphones Research” collection). The user may initiate the addition ofthe new subset to the collection via various mechanisms (e.g., a rightclick on the webpage and subsequent selection of an “add to collection”element, selection of new collection element 303, etc.).

Once the addition of the new web content subset to the existingcollection has been initiated, the web browser and/or a serviceassociated with the web browser identifies a type of webpage associatedwith the webpage (e.g., via schema identification, via machinelearning), applies a set of rules corresponding to that webpage type foridentifying specific content, extracts that specific contentcorresponding to the applied rules, and transforms that content fordisplay in a new content set in the existing collection in thecollection pane. In this specific example, the web browser and/orservice associated with the web browser has identified the currentlyactive webpage as being of a “product” type. As such, a set of rulescorresponding to that webpage type are applied for identifying andextracting a subset of web content. The elements corresponding to thatsubset are depicted in collection pane 304 on computing device 302B.Specifically, the product/item name element (“ITEM B NAME”), theaggregate review element (five stars out of five stars), and the primaryproduct image have each been identified, extracted andreformatted/transformed for display in the collection pane 304 on theright side of the web browser.

The content sets of a collection may be organized for display in acollection pane based on a time that each of those content sets wereadded to a collection. For example, because the content set related toitem B was added to the “Headphones Research” collection after thecontent set related to item A, the content set related to item B isorganizationally displayed above the content set related to item A inthe collection pane. A user may thus scroll through the collection paneto view and interact with various content sets in a collection pane. Inother examples, the organization of content sets of a collection may becustomizable. For example, a user may manually modify the organizationof content sets in a collection pane by dragging and dropping thecontent sets in the collection pane. In other examples, a collectionpane tool may be utilized for sorting and organizing a collection paneaccording to one or more features (e.g., price, name, location, etc.).

FIG. 4 illustrates a selection input for adding a specific subset of webcontent from a webpage to a collection of web content in a collectionpane of a web browser, and FIG. 5 illustrates the addition of theselected web content from the webpage to a set of previously collectedweb content in the collection pane of a web browser. With reference toFIG. 4, a user has accessed the website www.[onlinestore].com oncomputing device 402A. The user had previously accessed a webpagerelated to a first item (ITEM A—headphones) and added content setcorresponding to a subset of content from that webpage to a collectionin the web browser (i.e., “Headphones Research” collection in thecollection pane displayed on the right side of the web browser userinterface of computing device 402A). The user has accessed anotherproduct type webpage of the online store for a different pair ofheadphones and a subset of web content has also been added to the“Headphones Research” collection. However, the rules that automaticallypopulate a collection (and therefore a collection pane) with contentfrom a webpage based on rules associated with a webpage's content typemay not always capture every piece of web content from a webpage that auser would like to include in the collection.

The systems, methods and devices described herein provide mechanisms forcustom selection of webpage content and addition of that content toeither create new content sets in collections and/or to supplementcontent sets that have already been added to a collection. In thisexample, a drag selection mechanism is utilized to select content fromthe webpage displayed on computing device 402A for adding that selectedcontent to content set 304 that was previously added to the “HeadphonesResearch”. Specifically, a click and drag mechanism 404 is utilized tohighlight a product description element 408 of the product thatcorresponds to the currently active webpage. The click and dragmechanism 404 results in the product description element 408 beinghighlighted as illustrated on the display of computing device 402B.

As shown with reference to FIG. 5, and specifically computing device502A, once product description element 408 has been selected/highlightedvia click and drag mechanism 404, a drag and drop input 404 whereby theproduct description element 408 is dragged and dropped into a displayarea in the collection pane corresponding to Item B is then received. Asillustrated with reference to computing device 502B, this action mayresult in product description element 408/508A being added to thecontent set corresponding to item B in the collection pane. That is, theproduct description element 408/508A is reformatted and displayed attext element 508B in the collection pane. In additional examples, thedrag and drop action may result in product description element 408/508Abeing added as a separate content set in the collection pane.

Although a highlight and subsequent drag and drop mechanism forselecting and adding content from a webpage to a collection (andtherefore a content set in a collection pane) is described herein, othermechanisms are contemplated. In one such example, only a drag a drop mayneed to be received (i.e., no first highlighting input need bereceived). In another example, a right click input on an element may bereceived and a selectable prompt to add the element to a content setand/or collection may be received. In another example, a verbalinstruction to add specific content from a webpage to a content setand/or collection may be received. Additional input mechanisms arecontemplated.

FIG. 6 illustrates the addition of video content from a website to a setof previously collected web content in a collection pane of a webbrowser. A user has accessed the website www.[videowebsite].com oncomputing device 402A. Specifically, a video object type webpage isdisplayed that includes a video object 610 of a headphones productreview. The user had previously created a “Headphones Research”collection, which includes content from a first product type websiteincluded in a content set displayed in collection pane 604. In thisexample, a click drag and drop mechanism 608 is utilized to add thevideo object 610 to the “Headphones Research” collection. Thus, when auser clicks with a mouse on video object 610, holds that click and dragsthe video object 610 into the collection pane 604, and then subsequentlyunclicks in the collection pane 604, the video is caused to be added toa new content set in collection pane 604. The reformatted video element612 corresponding to video object 610 is shown displayed in thecollection pane of computing device 602B.

In some examples, the reformatted video element 612 may be interactedwith (e.g., receive a click on the video) and the open browser may beredirected back to the webpage containing the video object 610. In otherexamples, the video itself may be embedded in the collection pane suchthat the video can play directly in the collection pane without the mainbrowser window navigating back to the webpage containing the videoobject 610.

Although a mouse click drag and drop mechanism 608 is provided by way ofexample, other mechanisms for adding a video object from a webpage to acollection (and therefore a content set in a collection pane) are withinthe scope of this application (e.g., right click and prompt selection,voice command, finger/stylus drag and drop, etc.).

FIG. 7 illustrates the utilization of a transformation engine forexporting and transforming a collection of web content from multiplewebsites in a first format in a collection pane of a web browser, to asecond format in a spreadsheet application. In this example, computingdevice 702 displays a web browser, with the websitewww.[headphonebrand].com open in a left portion of the browser, and a“Headphone Research” collection pane open on the right side of thebrowser. In this example, the “Headphones Research” collection which isdisplayed in the collection pane of the web browser includes six contentsets (although only two are partially visible in the illustratedexample). Information corresponding to the collection may be exportedand transformed for display in other applications. Thus, in thisexample, a selection is made of collection export user interface element704. This selection initiates the display of pop-up window 706, whichhas selectable options for exporting and transforming the collection toone of: a spreadsheet application, a notes application, and apresentation application. In this example, a user selects the “Send toSpreadsheet” option which initiates the exporting and transforming ofthe “Headphones Research” collection for display in a spreadsheetapplication as more fully discussed in relation to FIG. 8.

FIG. 8 illustrates the result of the utilization of a transformationengine for exporting and transforming a collection of web content frommultiple websites in a first format in a collection pane of a webbrowser, to a second format in a spreadsheet application. Specifically,a spreadsheet application instance is displayed on computing device 802.The spreadsheet application instance displays elements from the“Headphones Research” collection discussed in relation to FIG. 7.Although not all of the information for each content set in thecollection is displayed in the spreadsheet application instance (e.g.,product images may not transferred to the spreadsheet applicationinstance in some examples), much of it is. Specifically, the title ofthe collection “Headphone Research” is displayed at the top of thespreadsheet application instance; column headings for a plurality ofvalue types have been populated and are displayed, and values for eachof the content sets in the collection that have values for those valuetypes have been populated under the corresponding column heading.

The column headings, which are illustrated in row two of the spreadsheetapplication instance, are: “Brand”, “Name”, “Color”, “Price”, “Rating”and “Notes”. Row three includes values for a first content set (BoseABC) in the collection for each of those value types for which a valueexists for that specific content set. Thus, the first content set in thecollection includes at least the following: Brand: Bose, Name: ABC,Color: Black, Price: S485, Rating: five out of five stars, Notes: [somecustom text]. That content has been extracted for the first content setand added to each of the corresponding cells under each of the relevantcolumn headings in the spreadsheet application instance.

Row four includes values for a second content set (Bose DEF) in thecollection for each of those value types for which a value exists forthat specific content set. Thus, the second content set in thecollection includes at least the following: Brand: Bose, Name DEF,

Color: Black, Price: 450, Rating: five out of five stars. That contenthas been extracted for the second content set and added to each of thecorresponding cells under each of the relevant column headings in thespreadsheet application instance. Notably, no custom notes for thesecond content set were identified, and as such, there is no value forthat cell under the “Notes” heading for the second content set.

Row five includes values for a third content set (Sony GHI) in thecollection for each of those value types for which a value exists forthat specific content set. Thus, the third content set in the collectionincludes at least the following: Brand: Sony, Name GHI, Color:

Silver, Price: 275, Rating: four out of five stars. Notes: [some customtext]. That content has been extracted for the third content set andadded to each of the corresponding cells under each of the relevantcolumn headings in the spreadsheet application instance.

Row six includes values for a fourth content set (Shure JKL) in thecollection for each of those value types for which a value exists forthat specific content set. Thus, the fourth content set in thecollection includes at least the following: Brand: Shure, Name: JKL,Color: Black, Price: 375, Rating: three out of five stars, Notes: [somecustom text]. That content has been extracted for the fourth content setand added to each of the corresponding cells under each of the relevantcolumn headings in the spreadsheet application instance.

Row seven includes values for a fifth content set (Grado MNO) in thecollection for each of those value types for which a value exists forthat specific content set. Thus, the fifth content set in the collectionincludes at least the following: Brand: Grado, Name: MNO, Color: Pink,Price: 500, Rating: two out of five stars. That content has beenextracted for the fifth content set and added to each of thecorresponding cells under each of the relevant column headings in thespreadsheet application instance. Notably, no custom notes for the fifthcontent set were identified, and as such, there is no value for thatcell under the “Notes” heading for the fifth content set.

Row eight includes values for a sixth content set (Grado PQR) in thecollection for each of those value types for which a value exists forthat specific content set. Thus, the sixth content set in the collectionincludes at least the following: Brand: Grado, Name: PQR, Color: Red,Price: 295, Rating: one out of five stars. That content has beenextracted for the sixth content set and added to each of thecorresponding cells under each of the relevant column headings in thespreadsheet application instance. Notably, no custom notes for the sixthcontent set were identified, and as such, there is not value for thatcell under the “Notes” heading for the sixth content set.

Exporting a collection to a spreadsheet application allows a user toeasily visualize and compare content identified and collected on the webvia the systems, methods and devices described herein. Additionally,exporting a collection to a spreadsheet application provides users withaccess to spreadsheet tools such as sorting and filtering (e.g., sort bybrand, sort by price, filter by brand, etc.), as well as spreadsheetapplication functions, which provide users with an added degree offunctionality in making their decisions and viewing their collecteddata. In some examples, a link to a spreadsheet generated from acollection may be included in a corresponding collection pane to makeaccessing the spreadsheet from the web browser efficient and userfriendly.

Although the column headings corresponding to content set values areprovided by way of example in relation to product type webpages and acorresponding product type collection, it should be understood thatdifferent product headings for a product type collection arecontemplated, as are different headings for different collection types(e.g., location collection type, travel collection type, restaurantcollection type, organization collection type, etc.). According to someexamples, a set of rules associated with each collection type maydictate which headings are populated in a corresponding collectionspreadsheet. For example, the headings (and corresponding values thatare populated from content sets in a collection) for a location typecollection may be set by a rule that specifies the following headingtypes: country, state, municipal body, longitude, latitude, locationname, location type, etc. Similarly, the headings (and correspondingvalues that are populated from content sets in that collection) for arestaurant type collection may be set by a rule that specifies thefollowing heading types: restaurant name, food type, location, hours ofoperation, phone number, etc. In some examples users may customize theserules so that custom headings may be created and prepopulated for one ormore collection types. Additionally, in examples where more than onewebpage type is represented in a collection (e.g., product webpage type,company webpage type) a user may be prompted to select which headingsand corresponding values from the collection will be exported to aspreadsheet.

FIG. 9 depicts a computing device displaying a collection of dynamicflight content from multiple airline websites in a collection pane of aweb browser. In this example, a user has accessed the websitewww.[airlineABC].com on computing device 902. The user had previouslyaccessed a webpage on a second airline's website (airline XYZ) and addeda subset of information from that webpage associated with a flight fromSeattle to Paris to a collection titled “Paris flights research”. Inthis example, the currently active webpage for airline ABC is displayed,and specifically, flight information for the same flight for which acontent set for airline XYZ was previously added to the “Paris flightresearch” collection. The displayed flight elements 906 for airline ABCinclude: flight type: “outbound”, departure airport: “SEA”, arrivallocation: “CDG”, class type: “Main Cabin”, and flight details for twodifferent flights from airline ABC (i.e., departure times, arrivaltimes, a layover airport for one of the flights, and prices).

A user has initiated the adding of a subset of the web content from theairline ABC webpage to the collection that is open in the collectionpane (i.e., “Paris flights research” collection). The user may initiatethe addition of the new content set to the collection via variousmechanisms (e.g., a right click on the webpage and subsequent selectionof an “add to collection” element, selection of the new collectionelement in the upper right corner of the web browser, etc.). In thisexample, the web browser and/or a service associated with the webbrowser has identified the currently active webpage as being of a“flight” type. As such, a set of rules corresponding to that webpagetype are applied for identifying and extracting a subset of web contentfrom the webpage. The elements corresponding to that subset are depictedin content set 904 in the collection pane integrated in the right sideof the web browser. Specifically, the airline name, the departureairport, the arrival airport, the flight date, the departure times, thearrival times, and the prices for the two different flights have eachbeen identified, extracted and reformatted for display in the collectionpane in the right side of the web browser.

According to examples, if the flight price for one of the flightsincluded in the collection is modified, the collection may dynamicallymodify that price in its representation in the collection. In additionalexamples, the collection tool may provide a notification (e.g., popupwindow, email, notification badging on the corresponding content item inthe collection, etc.) when a flight price included in a collection ismodified at the host website and/or database. In some examples, in orderto keep the prices in the collection up to date, the collection tool mayautomatically re-perform the flight search on the correspondingairline(s) websites on a periodic basis (e.g., daily, weekly). In stillother examples, the airline website and/or database may push flightprice updates to the web browser application and/or service. In yetother examples, the airline website and/or database may keep a list ofupdated price updates available for retrieval by the web browser.

FIG. 10 illustrates the result of the utilization of a transformationengine for exporting and transforming a collection of dynamic flightcontent from multiple airline websites in a first format in a collectionpane of a web browser, to a second format in a spreadsheet application.Specifically, a spreadsheet application instance is displayed oncomputing device 1002. The spreadsheet application instance displayselements from the “Paris flights research” collection discussed inrelation to FIG. 9. For illustrative purposes, it is also assumed thatthe “Paris flights research” collection discussed in relation to FIG. 9not only includes information related to the two airlines and fourflights illustrated on computing device 902, but that there is also athird content set for the Paris flight included in the collection fromairline RRR. The information displayed on the spreadsheet applicationinstance user interface on computing device 1002 includes: the title ofthe collection “Paris flights research”, which is displayed at the topof the spreadsheet application instance; column headings for a pluralityof value types; and values for each of the content sets in thecollection that have values for those value types.

The column headings, which are displayed in row two of the spreadsheetapplication instance, are: “Airline”, “Layover”, “Airport”, “Time” and“Price”. Rows three and four include values for a first content setrelated to two flights from Seattle to Paris on Airline ABC. Rows fourand five include values for a second content set related to two flightsfrom Seattle to Paris on airline XYZ. Rows six and seven include valuesfor a third content set related to two flights from Seattle to Paris onairline RRR.

Row three includes values for a first flight of a first content set forairline ABC in the collection for each of those value types for which avalue exists for that specific content set and flight. Thus, the firstcontent set in the collection includes at least the followinginformation for the first flight from airline ABC: Airline: ABC,Layover: N; Layover Airport: N/A, Time (i.e., duration of flight): 10h32 min, Price: $1443. That content has been extracted for the firstcontent set and added to each of the corresponding cells under each ofthe relevant column headings in the spreadsheet application instance.

Row four includes values for a second flight of the first content setfor airline ABC in the collection for each of those value types forwhich a value exists for that specific content set and flight. Thus, thefirst content set in the collection includes at least the followinginformation for the second flight from airline ABC: Airline: ABC,Layover, Y, Layover Airport: AMS, Time: 12 h5 m, Price: $1465. Thatcontent has been extracted for the first content set and added to eachof the corresponding cells under each of the relevant column headings inthe spreadsheet application instance.

Row five includes values for a first flight of a second content set (forairline XYZ) in the collection for each of those value types for which avalue exists for that specific content set and flight. Thus, the secondcontent set in the collection includes at least the followinginformation for the first flight from airline XYZ: Airline: XYZ,Layover: N, Layover Airport: N/A, Time: 10 h47 m, Price: $1765. Thatcontent has been extracted for the second content set and added to eachof the corresponding cells under each of the relevant column headings inthe spreadsheet application instance.

Row six includes values for a second flight of the second content set(for airline XYZ) in the collection for each of those value types forwhich a value exists for that specific content set and flight. Thus, thesecond set in the collection includes at least the following informationfor the second flight from airline XYZ: Airline: XYZ, Layover: Y,Layover Airport: ORY, Time: 13 h17 m, Price: $2150. That content hasbeen extracted for the second content set and added to each of thecorresponding cells under each of the relevant column headings in thespreadsheet application instance.

Row seven includes values for a first flight of a third content set (forairline RRR) in the collection for each of those value types for which avalue exists for that specific content set and flight. Thus, the thirdcontent set in the collection includes at least the followinginformation for the first flight from airline RRR: Airline: RRR,Layover: Y, Layover Airport: LHR, Time: 16 h28 m, Price: $2436. Thatcontent has been extracted for the third content set and added to eachof the corresponding cells under each of the relevant column headings inthe spreadsheet application instance.

Row eight includes values for a second flight of a third content set(for airline RRR) in the collection for each of those value types forwhich a value exists for that specific content set and flight. Thus, thethird content set in the collection includes at least the followinginformation for the second flight from airline RRR: Airline RRR,Layover: Y, Layover Airport: LHR, Time: 15 h42 m, Price: $1217. Thatcontent has been extracted for the third content set and added to eachof the corresponding cells under each of the relevant column headings inthe spreadsheet application instance.

Although the column headings corresponding to content set values areprovided by way of example in relation to flight type webpages and acorresponding flight type collection, it should be understood thatdifferent flight headings for a flight type collection are contemplated,as are different headings for different collection types (e.g., locationcollection type, hotel collection type, restaurant collection type,etc.). According to some examples, a set of rules associated with eachcollection type may dictate which headings are populated in acorresponding collection spreadsheet. In some examples, users maycustomize these rules so that custom headings may be created andprepopulated for one or more collection types. Additionally, in exampleswhere more than one webpage type is represented in a collection (e.g.,location webpage type, flight webpage type) a user may be prompted toselect which headings and corresponding values from the collection willbe exported to a spreadsheet.

FIG. 11 depicts a computing device displaying a collection of dynamichotel content from multiple websites in a collection pane of a webbrowser. In this example, a user has accessed the websitewww.[HotelABC].com on computing device 1102. The user (or a user withaccess to the associated collection) had previously accessed a webpageon a second hotel's website (Hotel XYZ) and added a subset of webcontent from that webpage associated with a hotel stay in Paris fromJune 20 to June 27 to a collection titled “Paris hotels research”. Inthis example, the currently active webpage for hotel ABC is displayedfor two Hotel ABC locations in Paris, and specifically hotel informationfrom those locations for the same dates (June 20 to June 27) that thecontent set in the “Paris hotels research” collection relate to.However, the user has selectively added content from only one of thoselocations to the “Paris hotels research” collection (i.e., content set1104). The displayed hotel elements 1106 corresponding to content set1104 for Hotel ABC include: room type: “King”, stay dates: “Jun 20-27”,hotel name “Hotel ABC”, hotel location: “District 1”, aggregate rating:five out of five stars, price: “$2198”, a primary room image.

According to examples, if the hotel price for the hotel added to thecollection is modified, the collection may dynamically modify that pricein its representation in the collection. In additional examples, acollection tool may provide a notification (e.g., popup window, email,push notification, etc.) when a hotel price included in a collection ismodified at the host website. In some examples, to keep the prices inthe collection up to date, a collection tool may automaticallyre-perform the hotel search on the corresponding hotel websites on aperiodic basis (e.g., daily, weekly). In still other examples, the hotelwebsite and/or a hotel database associated with the hotel may push hotelprice updates to the web browser application and/or service. In yetother examples, the hotel website and/or hotel database associated withthe hotel may keep a list of updated price updates available forretrieval by the web browser.

FIG. 12 illustrates the result of the utilization of a transformationengine for exporting and transforming a collection of dynamic hotelcontent from multiple hotel websites in a first format in a collectionpane of a web browser, to a second format in a spreadsheet application.Specifically, a spreadsheet application instance is displayed oncomputing device 1202. The spreadsheet application instance displayselements from the “Paris hotels research” collection discussed inrelation to FIG. 11. For illustrative purposes, it is assumed that the“Paris hotels research” collection discussed in relation to FIG. 11 notonly includes information related to the two hotels (Hotel ABC and HotelXYZ) illustrated in the “Paris hotels research” collection pane oncomputing device 1102, but that there is also a third content set in thecollection for Hotel QRS and a fourth content set in the collection forHotel LMN. The information displayed on the spreadsheet applicationinstance user interface on computing device 1202 includes: the title ofthe collection “Paris hotels research”, which is displayed at the top ofthe spreadsheet application instance; column headings for a plurality ofvalue types; and values for each of the content sets in the collectionthat have values for those value types.

The column headings, which are displayed in row two of the spreadsheetapplication instance, are: “Hotel”, “Location”, “Size”, “Rating” and“Price”. Row three includes values for a first content set in thecollection related to Hotel ABC for a stay from June 20 to June 27. Rowfour includes values for a second content set in the collection relatedto Hotel XYZ for a stay from June 20 to June 27. Row five includesvalues for a third content set in the collection related to Hotel QRSfor a stay from June 20 to June 27. Row six includes values for a fourthcontent set in the collection related to Hotel LMN for a stay from June20 to June 27.

Row three includes values for a first content set in the collectioncorresponding to a webpage for Hotel ABC. Thus, the first content set inthe collection includes at least the following information for HotelABC: Hotel: ABC, Location: D1 (district 1); Size: King, Rating: five outof five stars, Price: 2370. That content has been extracted for thefirst content set and added to each of the corresponding cells undereach of the relevant column headings in the spreadsheet applicationinstance.

Row four includes values for a second content set in the collectioncorresponding to a webpage for Hotel XYZ. Thus, the second content setin the collection includes at least the following information for HotelXYZ: Hotel: XYZ, Location: D7 (district 7), Size: King, Rating: threeout of five stars, Price: $2200. That content has been extracted for thesecond content set and added to each of the corresponding cells undereach of the relevant column headings in the spreadsheet applicationinstance.

Row five includes values for a third content set in the collectioncorresponding to a webpage for Hotel QRS. Thus, the third content set inthe collection includes at least the following information for hotelQRS: Hotel: QRS, Location: D1 (district 1), Size: King, Rating: four outof five stars, Price: S2125. That content has been extracted for thethird content set and added to each of the corresponding cells undereach of the relevant column headings in the spreadsheet applicationinstance.

Row six includes values for a fourth content set in the collectioncorresponding to a webpage for Hotel LMN. Thus, the fourth content setin the collection includes at least the following information for hotelLMN: Hotel: LMN, Location D2 (district 2), Size: King, Rating: three outof five stars, Price: $1895. That content has been extracted for thefourth content set and added to each of the corresponding cells undereach of the relevant column headings in the spreadsheet applicationinstance.

Although the column headings corresponding to content set values areprovided by way of example in relation to hotel type webpages and acorresponding hotel type collection, it should be understood thatdifferent hotel headings for a hotel type collection are contemplated,as are different headings for different collection types. According tosome examples, a set of rules associated with each collection type maydictate which headings are populated in a corresponding collectionspreadsheet. In some examples, these rules may be customizable that thatcustom headings may be created and prepopulated for one or morecollection types. Additionally, in examples where more than one webpagetype is represented in a collection, a selectable option may bepresented for selecting which headings and corresponding values from thecollection will be exported to a spreadsheet.

According to some examples, if a determination is made that informationregarding a hotel included in a collection has been modified at thesource (e.g., e.g., at the hotel website, at a database associated withthe hotel), the web browser application and/or a service associated withthe web browser application may automatically update the spreadsheetcorresponding to the collection. In other examples, the web browserapplication and/or service associated with the web browser applicationmay send a message to the user and/or surface a notification on one ofthe user's devices indicating that information concerning the hotel hasbeen modified. For example, if a price for a hotel stay has increased ordecreased, or there has been an availability change for a hotel in acollection, the web browser application and/or a service associated withthe web browser application may send an email to an email accountassociated with a user that has access to the corresponding collection,and/or surface a notification on a device associated with that user.

FIG. 13 depicts a computing device displaying a collection of dynamiccontent that has been shared with another user for collaboration on thecollection. In this example, a primary user 1304 has created a “Parishotels collection” in a web browser. The collection pane for thatcollection is displayed on the right portion of the web browser userinterface on computing device 1302. A hotel webpage for room bookingsfrom Hotel ABC is currently active in the left portion of the webbrowser, and there is a content set in the “Paris hotels research”collection pane corresponding to that webpage. In this example, theprimary user 1304 is the user that created the collection. In someexamples, a primary user may grant one or more other users/accounts(secondary users) with access to a collection. The access may be readonly access or with access with editing privileges. In some examples,there may be different levels of editing privileges (e.g., can only addnotes to a collection, can add notes and new content sets to acollection, can add content sets but not delete content sets, can addcontent sets and delete content sets, etc.).

In this example, the primary user 1304 has granted a secondary user 1306(Katy Jones) with access to the “Paris hotels research” collection. Insome examples, a user icon for each user that is currently viewing acollection may be displayed in association with a correspondingcollection pane. Thus, in this example there are user icons displayednext to the title of the collection. In additional examples, when usersconcurrently have a collection pane open and/or active the other users'“presence” may be indicated on one or more of the users' open browsersand collection panes. For example, if the secondary user 1306 (KatyJones) is currently active (editing, modifying, viewing, etc.) in aportion of a collection, such as content set 1307, that portion of thecollection may be highlighted, outlined, or otherwise indicated to theprimary user on his web browser user interface. In some examples, if aninteraction is detected with another user's presence indication (e.g.,hover of a mouse over the outlined active area as in the illustratedexample, mouse click, etc.), an indication element 1308 may be surfacedthat indicates which user is currently active and/or present in thatportion of the collection pane. In still additional examples, if aninteraction is detected with the indication element 1308, a contact card1310 for the user corresponding to the indication element 1308 may besurfaced by the web browser application. The contact card may includeselectable options for contacting the user (e.g., send email, startchat, etc.) and/or provide an indication of the user's availability.

By allowing users to collaborate on collections concurrently and/or atdifferent times, the systems, methods and devices described herein makecollaborative tasks more efficient. For example, users no longer have tocopy and past content from various websites into documents, save thosedocuments, and email those documents to other users they would like tocollaborate with on a project such as booking travel for an upcomingtrip. Users also do not have to wait for the other users to add theircomments and edits to the documents and email them back. Memory costsand time associated with saving and emailing those documents are alsoreduced by the collaboration mechanisms described herein.

FIG. 14 illustrates the addition of a subset of content from a websiteto a collection of web content associated with a research project. Inthis example, a web browser is displayed on computing device 1402A. Awebpage from the website www.[aboutphotography].com is currently activeon the left portion of the web browser. A collection pane 1404 for a“Photography Project” collection is displayed on the right portion ofthe web browser. In this example, collection pane 1404 displays a singlecontent set for a previously accessed photography webpage related to“History of Photography”. The content set for that webpage includes atitle: “History of Photography”, an image, some textual contentassociated with that content, and citations for some portion of thattextual content. Move to the left portion of the browser, an interactionhas been detected to add the current webpage to the “History ofPhotography” collection. Pop-up window 1406 is then surfaced by the webbrowser, which states “COLLECTIONS Add page to collection—Yes No”.Pop-up window 1406 may be surfaced based on one or more eventsoccurring. For example, pop-up window 1406 may be surfaced based onreceiving a selection of the web page URL from the address bar. Inanother example, pop-up window 1406 may be surfaced based on receiving aright click on the user interface for the website and subsequentselection of an “add to collection” element. Additional events forsurfacing pop-up window 1406 are within the scope of this disclosure.

In this example a selection of the “Yes” element is received and webcontent from the currently active webpage is added to collection pane1404 as indicated by new content set 1408 displayed on computing device1402B. In this example, because the currently active website is aninformative type webpage, the subset of web content from that webpagethat is saved to the collection includes citations for the textualcontent. As discussed previously, this may be dictated by a rulespecifying the type of web content to extract and save to a collectionfor based on webpage type.

FIG. 15 depicts the utilization of a transformation engine for exportingand transforming a collection of web content from multiple websites in afirst format in a collection pane of a web browser, to a second formatin a word processing application. In this example, computing device 1502displays a web browser, with the website www.[aboutphotography].com openin a left portion of the browser, and a “Photography Project” collectionpane open in a right portion of the browser. In this example, the“Photography Project” collection which is displayed in the collectionpane of the web browser has two content sets for two different webpages(one corresponding to the active webpage displayed on computing device1502). Information corresponding to the collection may be exported andtransformed for display in other applications. Thus, in this example, aselection is made of collection export user interface element 1504. Thisselection initiates the display of pop-up window 1506, which hasselectable options for exporting and transforming the collection to oneof: a word processor application, a spreadsheet application, a notesapplication, and a presentation application. In this example, a userselects the “Send to word processor” option which initiates theexporting and transforming of the “Photography Project” collection fordisplay in a word processor application as more fully discussed inrelation to FIG. 16A.

FIG. 16A illustrates the result of the utilization of a transformationengine for exporting and transforming a collection of web content frommultiple websites in a first format in a collection pane of a webbrowser, to a second format in a word processing application. In thisexample, the collection “Photography Project” collection discussed inassociation with FIG. 15 has been exported and transformed and is nowdisplayed in a word processing application user interface 1602A. Forease of illustration a computing device is not shown in FIG. 16A, but itshould be understood that user interface 1602A is being displayed by acomputing device.

The word processing document displayed on user interface 1602A includesthe title of the corresponding collection at the top of the wordprocessing document (i.e., “Photography Project”). The document alsoincludes the remainder of the subset of web content that was extractedfrom the two webpages and saved to the “Photography Project” collection.That is, for the first content set in the collection, the documentincludes the title of the corresponding webpage (“History ofPhotography”), the primary image of the corresponding webpage, and text1604A of the corresponding webpage. The document also contains afootnote 1606A for the text 1604A. Similarly, for the second content setin the collection, the document includes the title of the correspondingwebpage (“DIGITAL PHOTOGRAPHY VS. FILM”), the primary image of thecorresponding webpage, and text 1608A of the corresponding webpage. Thedocument also contains a footnote 1610A for the text 1608A. At thebottom of the document, the citations 1612A are provided for text 1604Afrom the first content set, and text 1608A from the second content set.Thus, the arrangement of the content that has been extracted from thecollection has been reformatted, with the citations from the twoseparate content sets of the collection displayed at the bottom of theword processing document.

FIG. 16B illustrates the use of a shell action to initiate the additionof a new subset of web content from a webpage to a collection in acollection pane of a web browser. FIG. 16B includes computing device1602B, computing device 1614B and computing device 1618B, which are thesame computing device at various stages during the addition of new webcontent to a collection via a shell action.

One or more web browser shell actions and/or operating system shellactions may initiate the creation of a new collection and/or theaddition of a new subset of web content from a webpage to an existingcollection. Examples of shell actions/commands that may initiate thecreation of a new collection and/or the addition of a new subset of webcontent from a webpage to an existing collection include: a takescreenshot command, a print screen command, a copy image command, and acopy text command In the illustrated example, a shell action is beingutilized to initiate the addition of a subset of web content fromwww.[onlinestore].com to create a new collection. For example, a“control+prtscn” command may be received by computing device 1602Band/or a web browser application and/or service, which may initiate thesurfacing of a selectable user interface element to confirm whether theuser would like to add subset of the currently active web content on theweb browser to a new or existing collection. Thus, in this example, whenthe shell action is received, computing device 1602B surfaces shellaction prompt 1610B, which states “Shell Action Prompt Add tocollection?” “Yes” “No”. Computing device 1602B also surfaces screenshotprompt 1608B, which states “Shell Action Prompt Take screenshot?” “Yes”“No”. In this example, a selection is made of the “Yes” element on shellaction prompt 1610B, and fly-out window 1616B is then surfaced, whichprovides a selectable confirmation to create a new collection comprisedof a subset of the web content from the currently activewww.[onlinestore].com webpage. Fly-out window 1616B states“Collections—Create a collection” “Add” “Ask me later”.

As illustrated on computing device 1614B, a user has selected the “Add”element from fly-out window 1616B, which then causes a subset of webcontent from the active webpage to be added to new collection 118 incollection pane 120. In this example, the subset of web content from thecurrently active webpage (a shopping website with headphones surfacedthereon) includes a product image, a product name, and reviewsinformation for the product.

FIG. 17 is an exemplary method 1700 for collecting and surfacing webcontent. The method 1700 begins at a start operation and flow continuesto operation 1702.

At operation 1702 first web content from a first website is accessed anddisplayed on a web browser application user interface.

From operation 1702 flow continues to operation 1704 where an indicationto add a subset of the first web content to a content collection paneintegrated in the web browser is received.

From operation 1704 flow continues to operation 1706 where the subset ofthe first web content is displayed in the content collection pane of theweb browser.

From operation 1706 flow continues to operation 1708 where second webcontent from a second website is accessed and displayed in the webbrowser application user interface.

From operation 1708 flow continues to operation 1710 where an indicationto add a subset of the second web content to the content collection paneis received.

From operation 1710 flow continues to operation 1712 where the subset ofthe first web content and the subset of the second web content aresimultaneously displayed in the content collection pane of the webbrowser.

From operation 1712 flow moves to an end operation and the method 1700ends.

FIG. 18 is an exemplary method 1800 for surfacing collected web content.The method 1800 begins at a start operation and flow continues tooperation 1802.

At operation 1802 a collection of web content may be maintained. Thecollection of web content may be divided into a plurality of sectionsand each of the plurality of sections may comprise a subset of webcontent from a different webpage.

From operation 1802 flow continues to operation 1804 where an indicationto export the collection of web content to a spreadsheet application isreceived.

From operation 1804 flow continues to operation 1806 where a pluralityof attributes that each of the plurality of sections have a value forare identified.

From operation 1806 flow continues to operation 1808 where a spreadsheetis populated with headings corresponding to each of the plurality ofattributes.

From operation 1808 flow continues to operation 1810 where cells underthe headings are populated with corresponding values for each of theplurality of sections.

From operation 1810 flow moves to an end operation and the method 1800ends.

FIG. 19 is an exemplary method 1900 for sharing collected web content.The method 1900 begins at a start operation and flow moves to operation1902.

At operation 1902 a collection of web content is maintained. Thecollection of web content may be divided into a plurality of sectionsand each of the plurality of sections may comprise a subset of webcontent from a different webpage. In examples, a first user may haveadministrative rights associated with the collection of web content.

From operation 1902 flow continues to operation 1904 where an indicationto provide a second user with access to the collection of web content isreceived.

From operation 1904 flow continues to operation 1906 where the seconduser is provided with access to the collection of web content.

From operation 1906 flow moves to an end operation and the method 1900ends.

FIG. 20 is an exemplary method 2000 for collecting and surfacing webcontent. The method 2000 begins at a start operation and flow moves tooperation 2002.

At operation 2002 web content from a webpage is displayed in a webbrowser.

From operation 2002 flow continues to operation 2004 where a typeassociated with the webpage is identified.

From operation 2004 flow continues to operation 2006 where an indicationto add a new section corresponding to the webpage to a contentcollection pane integrated in the web browser is received.

From operation 2006 flow continues to operation 2008 where a pluralityof elements on the webpage are identified based on the identified typeassociated with the webpage.

From operation 2008 flow continues to operation 2010 where a subset ofweb content corresponding to the plurality of elements is extracted fromthe webpage.

From operation 2010 flow continues to operation 2012 where the newsection is added to the content collection pane. The new sectioncomprises the subset of web content extracted from the webpage.

From operation 2012 flow continues to an end operation and the method2000 ends.

FIGS. 21 and 22 illustrate a mobile computing device 2100, for example,a mobile telephone, a smart phone, wearable computer (such as smarteyeglasses), a tablet computer, an e-reader, a laptop computer, or otherAR compatible computing device, with which embodiments of the disclosuremay be practiced. With reference to FIG. 21, one aspect of a mobilecomputing device 2100 for implementing the aspects is illustrated. In abasic configuration, the mobile computing device 2100 is a handheldcomputer having both input elements and output elements. The mobilecomputing device 2100 typically includes a display 2105 and one or moreinput buttons 2110 that allow the user to enter information into themobile computing device 2100. The display 2105 of the mobile computingdevice 2100 may also function as an input device (e.g., a touch screendisplay). If included, an optional side input element 2115 allowsfurther user input. The side input element 2115 may be a rotary switch,a button, or any other type of manual input element. In alternativeaspects, mobile computing device 2100 may incorporate more or fewerinput elements. For example, the display 2105 may not be a touch screenin some embodiments. In yet another alternative embodiment, the mobilecomputing device 2100 is a portable phone system, such as a cellularphone. The mobile computing device 2100 may also include an optionalkeypad 2135. Optional keypad 2135 may be a physical keypad or a “soft”keypad generated on the touch screen display. In various embodiments,the output elements include the display 2105 for showing a graphicaluser interface (GUI), a visual indicator 2120 (e.g., a light emittingdiode), and/or an audio transducer 2125 (e.g., a speaker). In someaspects, the mobile computing device 2100 incorporates a vibrationtransducer for providing the user with tactile feedback. In yet anotheraspect, the mobile computing device 2100 incorporates input and/oroutput ports, such as an audio input (e.g., a microphone jack), an audiooutput (e.g., a headphone jack), and a video output (e.g., a HDMI port)for sending signals to or receiving signals from an external device.

FIG. 22 is a block diagram illustrating the architecture of one aspectof a mobile computing device. That is, the mobile computing device 2200can incorporate a system (e.g., an architecture) 2202 to implement someaspects. In one embodiment, the system 2202 is implemented as a “smartphone” capable of running one or more applications (e.g., browser,e-mail, calendaring, contact managers, messaging clients, games, andmedia clients/players). In some aspects, the system 2202 is integratedas a computing device, such as an integrated personal digital assistant(PDA) and wireless phone.

One or more application programs 2266 may be loaded into the memory 2262and run on or in association with the operating system 2264. Examples ofthe application programs include phone dialer programs, e-mail programs,personal information management (PIM) programs, word processingprograms, spreadsheet programs, Internet browser programs, messagingprograms, and so forth. The system 2202 also includes a non-volatilestorage area 2268 within the memory 2262. The non-volatile storage area2268 may be used to store persistent information that should not be lostif the system 2202 is powered down. The application programs 2266 mayuse and store information in the non-volatile storage area 2268, such ase-mail or other messages used by an e-mail application, and the like. Asynchronization application (not shown) also resides on the system 2202and is programmed to interact with a corresponding synchronizationapplication resident on a host computer to keep the information storedin the non-volatile storage area 2268 synchronized with correspondinginformation stored at the host computer. As should be appreciated, otherapplications may be loaded into the memory 2262 and run on the mobilecomputing device 700, including instructions for providing and operatinga cross-device resources collaboration application.

The system 2202 has a power supply 2270, which may be implemented as oneor more batteries. The power supply 2270 might further include anexternal power source, such as an AC adapter or a powered docking cradlethat supplements or recharges the batteries.

The system 2202 may also include a radio interface layer 2272 thatperforms the function of transmitting and receiving radio frequencycommunications. The radio interface layer 2272 facilitates wirelessconnectivity between the system 2202 and the “outside world,” via acommunications carrier or service provider. Transmissions to and fromthe radio interface layer 2272 are conducted under control of theoperating system 2264. In other words, communications received by theradio interface layer 2272 may be disseminated to the applicationprograms 2266 via the operating system 2264, and vice versa.

The visual indicator 2120 may be used to provide visual notifications,and/or an audio interface 2274 may be used for producing audiblenotifications via the audio transducer 2125. In the illustratedembodiment, the visual indicator 2120 is a light emitting diode (LED)and the audio transducer 2125 is a speaker. These devices may bedirectly coupled to the power supply 2270 so that when activated, theyremain on for a duration dictated by the notification mechanism eventhough the processor 2260 and other components might shut down forconserving battery power. The LED may be programmed to remain onindefinitely until the user takes action to indicate the powered-onstatus of the device. The audio interface 2274 is used to provideaudible signals to and receive audible signals from the user. Forexample, in addition to being coupled to the audio transducer 2125, theaudio interface 2274 may also be coupled to a microphone to receiveaudible input, such as to facilitate a telephone conversation. Inaccordance with embodiments of the present disclosure, the microphonemay also serve as an audio sensor to facilitate control ofnotifications, as will be described below. The system 2202 may furtherinclude a video interface 2276 that enables an operation of an on-boardcamera 2130 to record still images, video stream, and the like.

A mobile computing device 2200 implementing the system 2202 may haveadditional features or functionality. For example, the mobile computingdevice 700 may also include additional data storage devices (removableand/or non-removable) such as, magnetic disks, optical disks, or tape.Such additional storage is illustrated in FIG. 22 by the non-volatilestorage area 2268.

Data/information generated or captured by the mobile computing device2200 and stored via the system 2202 may be stored locally on the mobilecomputing device 2200, as described above, or the data may be stored onany number of storage media that may be accessed by the device via theradio interface layer 2272 or via a wired connection between the mobilecomputing device 2200 and a separate computing device associated withthe mobile computing device 2200, for example, a server computer in adistributed computing network, such as the Internet. As should beappreciated such data/information may be accessed via the mobilecomputing device 2200 via the radio interface layer 2272 or via adistributed computing network. Similarly, such data/information may bereadily transferred between computing devices for storage and useaccording to well-known data/information transfer and storage means,including electronic mail and collaborative data/information sharingsystems.

FIG. 23 is a block diagram illustrating physical components (e.g.,hardware) of a computing device 2300 with which aspects of thedisclosure may be practiced. The computing device components describedbelow may have computer executable instructions for assisting withcollecting and surfacing web content. In a basic configuration, thecomputing device 2300 may include at least one processing unit 2302 anda system memory 2304. Depending on the configuration and type ofcomputing device, the system memory 2304 may comprise, but is notlimited to, volatile storage (e.g., random access memory), non-volatilestorage (e.g., read-only memory), flash memory, or any combination ofsuch memories. The system memory 2304 may include an operating system2305 suitable for running one or more web browser and/or collectionprograms. The operating system 2305, for example, may be suitable forcontrolling the operation of the computing device 2300. Furthermore,embodiments of the disclosure may be practiced in conjunction with agraphics library, other operating systems, or any other applicationprogram and is not limited to any particular application or system. Thisbasic configuration is illustrated in FIG. 23 by those components withina dashed line 2308. The computing device 2300 may have additionalfeatures or functionality. For example, the computing device 2300 mayalso include additional data storage devices (removable and/ornon-removable) such as, for example, magnetic disks, optical disks, ortape. Such additional storage is illustrated in FIG. 23 by a removablestorage device 2309 and a non-removable storage device 2310.

As stated above, a number of program modules and data files may bestored in the system memory 2304. While executing on the processing unit2302, the program modules 2306 (e.g., web browser application 820) mayperform processes including, but not limited to, the aspects, asdescribed herein. According to examples, type rules engine 2311 mayperform one or more operations associated with identifying a type ofwebsite and/or webpage of a currently active webpage (e.g., producttype, travel type, etc.). Content extraction engine 2313 may perform oneor more operations associated with extracting content from a webpagebased on an identified type associated with that webpage according to aset of type rules. Content transformation engine 2315 may perform one ormore operations associated with exporting and transforming data from acollection and/or collection pane for integration and display in one ormore other productivity applications (e.g., word processing application,spreadsheet application, notes application, etc.). Content suggestionengine 2317 may perform one or more operations associated withidentifying websites and/or webpages that are relevant to a user basedon one or more of the user's collections, and suggesting those websitesand/or webpages to the user.

Furthermore, embodiments of the disclosure may be practiced in anelectrical circuit comprising discrete electronic elements, packaged orintegrated electronic chips containing logic gates, a circuit utilizinga microprocessor, or on a single chip containing electronic elements ormicroprocessors. For example, embodiments of the disclosure may bepracticed via a system-on-a-chip (SOC) where each or many of thecomponents illustrated in FIG. 8 may be integrated onto a singleintegrated circuit. Such an SOC device may include one or moreprocessing units, graphics units, communications units, systemvirtualization units and various application functionality all of whichare integrated (or “burned”) onto the chip substrate as a singleintegrated circuit. When operating via an SOC, the functionality,described herein, with respect to the capability of client to switchprotocols may be operated via application-specific logic integrated withother components of the computing device 2300 on the single integratedcircuit (chip). Embodiments of the disclosure may also be practicedusing other technologies capable of performing logical operations suchas, for example, AND, OR, and NOT, including but not limited tomechanical, optical, fluidic, and quantum technologies. In addition,embodiments of the disclosure may be practiced within a general purposecomputer or in any other circuits or systems.

The computing device 2300 may also have one or more input device(s) 2312such as a keyboard, a mouse, a pen, a sound or voice input device, atouch or swipe input device, etc. The output device(s) 814 such as adisplay, speakers, a printer, etc. may also be included. Theaforementioned devices are examples and others may be used. Thecomputing device 800 may include one or more communication connections2316 allowing communications with other computing devices 2350. Examplesof suitable communication connections 2316 include, but are not limitedto, radio frequency (RF) transmitter, receiver, and/or transceivercircuitry; universal serial bus (USB), parallel, and/or serial ports.

The term computer readable media as used herein may include computerstorage media. Computer storage media may include volatile andnonvolatile, removable and non-removable media implemented in any methodor technology for storage of information, such as computer readableinstructions, data structures, or program modules. The system memory2304, the removable storage device 2309, and the non-removable storagedevice 2310 are all computer storage media examples (e.g., memorystorage). Computer storage media may include RAM, ROM, electricallyerasable read-only memory (EEPROM), flash memory or other memorytechnology, CD-ROM, digital versatile disks (DVD) or other opticalstorage, magnetic cassettes, magnetic tape, magnetic disk storage orother magnetic storage devices, or any other article of manufacturewhich can be used to store information and which can be accessed by thecomputing device 2300. Any such computer storage media may be part ofthe computing device 2300. Computer storage media does not include acarrier wave or other propagated or modulated data signal.

Communication media may be embodied by computer readable instructions,data structures, program modules, or other data in a modulated datasignal, such as a carrier wave or other transport mechanism, andincludes any information delivery media. The term “modulated datasignal” may describe a signal that has one or more characteristics setor changed in such a manner as to encode information in the signal. Byway of example, and not limitation, communication media may includewired media such as a wired network or direct-wired connection, andwireless media such as acoustic, radio frequency (RF), infrared, andother wireless media.

FIG. 24 illustrates one aspect of the architecture of a system forprocessing data received at a computing system from a remote source,such as a personal/general computer 2404, tablet computing device 2406,or mobile computing device 2408, as described above. Content displayedat server device 2402 may be stored in different communication channelsor other storage types. For example, various documents may be storedusing a directory service 2422, a web portal 2424, a mailbox service2426, an instant messaging store 2428, or a social networking site 2430.The program modules 2306 may be employed by a client that communicateswith server device 2402, and/or the program modules 2306 may be employedby server device 2402. The server device 2402 may provide data to andfrom a client computing device such as a personal/general computer 2404,a tablet computing device 2406 and/or a mobile computing device 2408(e.g., a smart phone) through a network 2415. By way of example, thecomputer system described above with respect to FIGS. 21-23 may beembodied in a personal/general computer 2404, a tablet computing device2406 and/or a mobile computing device 2408 (e.g., a smart phone). Any ofthese embodiments of the computing devices may obtain content from thestore 2416, in addition to receiving graphical data useable to be eitherpre-processed at a graphic-originating system, or post-processed at areceiving computing system.

Aspects of the present disclosure, for example, are described above withreference to block diagrams and/or operational illustrations of methods,systems, and computer program products according to aspects of thedisclosure. The functions/acts noted in the blocks may occur out of theorder as shown in any flowchart. For example, two blocks shown insuccession may in fact be executed substantially concurrently or theblocks may sometimes be executed in the reverse order, depending uponthe functionality/acts involved.

The description and illustration of one or more aspects provided in thisapplication are not intended to limit or restrict the scope of thedisclosure as claimed in any way. The aspects, examples, and detailsprovided in this application are considered sufficient to conveypossession and enable others to make and use the best mode of claimeddisclosure. The claimed disclosure should not be construed as beinglimited to any aspect, example, or detail provided in this application.Regardless of whether shown and described in combination or separately,the various features (both structural and methodological) are intendedto be selectively included or omitted to produce an embodiment with aparticular set of features. Having been provided with the descriptionand illustration of the present disclosure, one skilled in the art mayenvision variations, modifications, and alternate aspects falling withinthe spirit of the broader aspects of the general inventive conceptembodied in this application that do not depart from the broader scopeof the claimed disclosure.

The various embodiments described above are provided by way ofillustration only and should not be construed to limit the claimsattached hereto. Those skilled in the art will readily recognize variousmodifications and changes that may be made without following the exampleembodiments and applications illustrated and described herein, andwithout departing from the true spirit and scope of the followingclaims.

What is claimed is:
 1. A method for collecting and surfacing webcontent, the method comprising: accessing and displaying, in a webbrowser, first web content from a first website; receiving an indicationto add a subset of the first web content to a content collection paneintegrated in the web browser; displaying the subset of the first webcontent in the content collection pane of the web browser; accessing anddisplaying, in the web browser, second web content from a secondwebsite; receiving an indication to add a subset of the second webcontent to the content collection pane; and displaying the subset of thefirst web content and the subset of the second web contentsimultaneously in the content collection pane of the web browser.
 2. Themethod of claim 1, wherein the subset of the first web content isidentified automatically from one or more HTML tags of the first websitebased on a type associated with the first website.
 3. The method ofclaim 1, wherein receiving the indication to add the subset of the firstweb content to the content collection pane in the web browser comprisesreceiving a user-selection of the subset and a subsequent drag and dropof the selected subset into the content collection pane.
 4. The methodof claim 1, wherein receiving the indication to add the subset of thefirst web content to the content collection pane in the web browsercomprises: receiving a command to take a screenshot of the first webcontent; and receiving a confirmation to add the subset of the first webcontent to the collection pane.
 5. The method of claim 1, furthercomprising: receiving an indication that at least one displayableattribute of the subset of the first web content has been modified atthe first website; and dynamically modifying the display of the subsetof the first web content corresponding to the at least one displayableattribute in the content collection pane of the web browser.
 6. Themethod of claim 1, further comprising: receiving an indication that atleast one displayable attribute of the second subset of the second webcontent has been modified at the second website; and dynamicallymodifying the display of the subset of the second web contentcorresponding to the at least one displayable attribute in the contentcollection pane of the web browser.
 7. The method of claim 1, furthercomprising: receiving an indication to add a user note in associationwith the first web content in the content collection pane of the webbrowser; receiving the user note; and adding the user note to the firstweb content in the content collection pane of the web browser.
 8. Themethod of claim 1, wherein the subset of the first web content and thesubset of the second web content are ordered in a displayablearrangement in the content collection pane of the web browser based on atime that they were added to the content collection pane relative to oneanother.
 9. The method of claim 1, further comprising: determining atype of web content of the first web content; and identifying aplurality of elements to extract from the first web content based on thedetermined type.
 10. The method of claim 9, wherein the plurality ofelements is identified via application of a machine learning model tothe first web content, the machine learning model having been trained toidentify a plurality of elements corresponding to the determined type ofweb content.
 11. A system for collecting and surfacing web content,comprising: a memory for storing executable program code; and one ormore processors, functionally coupled to the memory, the one or moreprocessors being responsive to computer-executable instructionscontained in the program code and operative to: access and display, in aweb browser, first web content from a first website; receive anindication to add a subset of the first web content to a contentcollection pane integrated in the web browser; display the subset of thefirst web content in the content collection pane of the web browser;access and display, in the web browser, second web content from a secondwebsite; receive an indication to add a subset of the second web contentto the content collection pane; and display the subset of the first webcontent and the subset of the second web content simultaneously in thecontent collection pane of the web browser.
 12. The system of claim 11,wherein the one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: automatically identify the subset of the first web contentfrom one or more HTML tags of the first website based on a typeassociated with the first website.
 13. The system of claim 11, whereinthe one or more processors are further responsive to thecomputer-executable instructions contained in the program code andoperative to: determine a type of web content of the first web content;and identify a plurality of elements to extract from the first webcontent based on the determined type.
 14. The system of claim 13,wherein in identifying the plurality of elements, the one or moreprocessors are further responsive to the computer-executableinstructions contained in the program code and operative to: apply amachine learning model to the first web content, wherein the machinelearning model has been trained to identify a plurality of elementscorresponding to the determined type of web content.
 15. The system ofclaim 11, wherein in receiving the indication to add the subset of thefirst web content to the content collection pane in the web browser, theone or more processors are further responsive to the computer-executableinstructions contained in the program code and operative to: receive acommand to take a screenshot of the first web content; and receive aconfirmation to add the subset of the first web content to thecollection pane.
 16. The system of claim 11, wherein the one or moreprocessors are further responsive to the computer-executableinstructions contained in the program code and operative to: receive anindication that at least one displayable attribute of the subset of thefirst web content has been modified at the first website; anddynamically modify the display of the subset of the first web contentcorresponding to the at least one displayable attribute in the contentcollection pane of the web browser.
 17. A computer-readable storagedevice comprising executable instructions that, when executed by one ormore processors, assists with collecting and surfacing web content, thecomputer-readable storage device including instructions executable bythe one or more processors for: accessing and displaying, in a webbrowser, first web content from a first website; receiving an indicationto add a subset of the first web content to a content collection paneintegrated in the web browser; displaying the subset of the first webcontent in the content collection pane of the web browser; accessing anddisplaying, in the web browser, second web content from a secondwebsite; receiving an indication to add a subset of the second webcontent to the content collection pane; and displaying the subset of thefirst web content and the subset of the second web contentsimultaneously in the content collection pane of the web browser. 18.The computer-readable storage device of claim 17, wherein theinstructions are further executable by the one or more processors for:automatically identifying the subset of the first web content from oneor more HTML tags of the first website based on a type associated withthe first website.
 19. The computer-readable storage device of claim 17,wherein the instructions are further executable by the one or moreprocessors for: determining a type of web content of the first webcontent; and identifying a plurality of elements to extract from thefirst web content based on the determined type.
 20. Thecomputer-readable storage device of claim 19, wherein the instructionsare further executable by the one or more processors for: applying amachine learning model to the first web content, wherein the machinelearning model has been trained to identify a plurality of elementscorresponding to the determined type of web content.